html {
  font-size: 50px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

@media screen and (min-width: 320px) {
  html {
    font-size: 21.33333333px;
  }
}

@media screen and (min-width: 360px) {
  html {
    font-size: 24px;
  }
}

@media screen and (min-width: 375px) {
  html {
    font-size: 25px;
  }
}

@media screen and (min-width: 384px) {
  html {
    font-size: 25.6px;
  }
}

@media screen and (min-width: 400px) {
  html {
    font-size: 26.66666667px;
  }
}

@media screen and (min-width: 414px) {
  html {
    font-size: 27.6px;
  }
}

@media screen and (min-width: 424px) {
  html {
    font-size: 28.26666667px;
  }
}

@media screen and (min-width: 480px) {
  html {
    font-size: 32px;
  }
}

@media screen and (min-width: 540px) {
  html {
    font-size: 36px;
  }
}

@media screen and (min-width: 720px) {
  html {
    font-size: 48px;
  }
}

@media screen and (min-width: 750px) {
  html {
    font-size: 50px;
  }
}

body,
#app {
  min-width: 320px;
  width: 15rem;
  margin: 0 auto;
  line-height: 1.5;
  background-color: #f7f7f7;
  font-size: 0.5rem;
  font-weight: 400;
}

.van-nav-bar__title {
  font-weight: 600 !important;
}

.icon {
  margin-left: 0.04rem;
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.shop_detail_title {
  font-size: 0.75rem;
  color: #333;
}

.shop_list_container {
  border-top: 0.02rem solid #e4e4e4;
  margin-top: 0.4rem;
  background-color: #fff;
}

.shop_header {
  height: 1.8rem;
  font-size: 0.58rem;
  color: #999;
  display: flex;
  align-items: center;

  img {
    width: 0.7rem;
    height: 0.7rem;
    margin-left: 0.3rem;
    margin-bottom: 0.2rem;
  }

  span {
    margin-left: 0.3rem;
  }
}

.shop_li {
  padding: 0.5rem 0.4rem;
  display: flex;
  border-bottom: 0.050rem solid #f1f1f1;

  .shop_left {
    width: 21%;
  }

  .shop_right {
    width: 79%;

    h4 {
      width: 7rem;
      font-size: 0.58rem;
      float: left;
      /* 文字强制在一行显示 */
      white-space: nowrap;
      /* 文字溢出隐藏 */
      overflow: hidden;
      /* 文字溢出用省略号代替 */
      text-overflow: ellipsis;
    }

    h4::before {
      content: '\54C1\724C';
      display: inline-block;
      font-size: 0.5rem;
      line-height: 0.6rem;
      color: #333;
      background-color: #ffd930;
      padding: 0 0.1rem;
      border-radius: 0.1rem;
      margin-right: 0.2rem;
    }

    .shop_detail {
      float: right;
      margin-top: 0.05rem;

      .textRight {
        float: left;
        color: #999;
        border: 0.02rem solid #f1f1f1;
        padding: 0 0.08rem;
        border-radius: 0.08rem;
      }
    }
  }
}

.shop_rating_order {
  width: 100%;
  float: left;

  .rating {
    color: #ff9a0d;
    margin-left: 0.1rem;
  }

  .recent_order_num {
    margin-left: 0.1rem;
    color: #666;
  }

  .rating_order_num_right {
    float: right;

    .delivery_style {
      padding: 0.04rem 0.08rem 0;
      border-radius: 0.08rem;
      margin-left: 0.08rem;
    }

    .delivery_left {
      color: #fff;
      background-color: #3190e8;
      border: 0.025rem solid #3190e8;
    }

    .delivery_right {
      color: #3190e8;
      border: 0.025rem solid #3190e8;
    }
  }
}

.fee_distance {
  float: left;
  margin-top: 0.3rem;
  width: 100%;
  font-size: 0.5rem;

  .peisong {
    color: #999;
  }

  .distance_time {
    float: right;

    .rightTime1 {
      color: #999;
    }

    .rightTime2 {
      color: #3190e8;
    }
  }
}

.van-icon-sort {
  color: #84b4dc;
}

.van-icon-location-o {
  color: #2a9bd3;
}

.van-icon-fire-o {
  color: #f59e9e;
}

.van-icon-gold-coin-o {
  color: #e6b61a;
}

.van-icon-star-o {
  color: #eba53b;
}

.van-icon-underway-o {
  color: #37c7b7;
}

.van-icon__image {
  width: 25px !important;
  height: 25px !important;
}

.van-grid {
  border-bottom: 0.02rem solid #e4e4e4;
}

.van-grid-item__icon>.van-icon__image {
  width: 1.8rem !important;
  height: 1.8rem !important;
}

.van-icon-smile {
  margin-right: 0.6rem;
}

.shop_statu_detail {
  display: flex;
  padding: 0.6rem;

  .check_date p span {
    font-size: 0.55rem;
    color: #666;
  }

  .shop_status_well {
    color: #7ed321 !important;
  }

  .check_p {
    margin-bottom: 0.4rem;
  }
}

.shop_status_container {
  background-color: #fff;
  margin-bottom: 0.4rem;

  .shop_status_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.8rem;
    padding: 0 0.6rem;
    border-bottom: 0.025rem solid #f1f1f1;

    .identification_detail {
      font-size: 0.7rem;
      color: #bbb;
      vertical-align: middle;
    }
  }
}

.shop_status_info {
  background-color: #fff;

  >header {
    line-height: 1.8rem;
    padding: 0 0.6rem;
    font-size: 0.75rem;
    color: #333;
    border-bottom: 0.025rem solid #f1f1f1;
  }

  >p {
    font-size: 0.6rem;
    color: #666;
    padding: 0.7rem 0.6rem 0.7rem 0;
    margin-left: 0.6rem;
    border-bottom: 0.025rem solid #f5f5f5;
  }
}

.van-sidebar-item--select::before {
  background-color: #3190e8 !important;
}

.rating_container {
  position: relative;
  top: 0.1rem;
  width: 2rem;
  height: 0.9rem;
  flex-direction: column;

  .star_container {
    display: flex;
    height: 0.4rem;
  }
}

.specs_cover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 17;
}

.food_price {
  font-size: 0.7rem;
  color: #f60;
  font-weight: 700;
  margin-right: 0.3rem;
}

.food_description_content {
  font-size: 0.5rem;
  color: #999;
  line-height: 0.6rem;
}

.app {
  height: 177vw;
  background-color: #fff;
}

.determine {
  background-color: #4cd964;
  font-size: 0.7rem;
  color: #fff;
  text-align: center;
  margin: 0 0.7rem;
  line-height: 1.8rem;
  border-radius: 0.2rem;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.van-search {
  position: fixed;
  top: 1.8rem;
  right: 0;
  width: 100%;
  z-index: 13;
}

.tip_icon {
  margin: 1rem auto 0;
  width: 3rem;
  height: 3rem;
  border: 0.15rem solid #f8cb86;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  span:first-of-type {
    width: 0.12rem;
    height: 1.5rem;
    background-color: #f8cb86;
  }

  span:nth-of-type(2) {
    width: 0.2rem;
    height: 0.2rem;
    border: 1px;
    border-radius: 50%;
    margin-top: 0.2rem;
    background-color: #f8cb86;
  }
}

.tip_text {
  font-size: 0.65rem;
  color: #333;
  line-height: 0.9rem;
  text-align: center;
  margin: 0.7rem 0;
  padding: 0 0.4rem;
}

.hongbao_container {
  padding: 0 0.6rem;
}

.hongbao_list_li {
  // background-size: auto;
  background-color: #fff;
  background-repeat: repeat-x;
  background-size: 0.5rem 0.2rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;

  .list_item {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0.5rem 0.8rem;

    .list_item_left {
      font-size: 0;
      border-right: 0.025rem dotted #ccc;
      flex: 1;

      span:first-of-type {
        font-size: 0.7rem;
        font-weight: 700;
      }

      span:nth-of-type(2) {
        font-size: 1.2rem;
      }

      p {
        font-size: 0.4rem;
        color: #999;
      }
    }

    .list_item_right {
      flex: 2;
      margin-left: 1.5rem;

      h4 {
        font-size: 0.7rem;
        color: #666;
        margin-left: -0.6rem;
        font-weight: 400;
      }

      p {
        list-style-type: disc;
        margin-left: -0.6rem;
        font-size: 0.4rem;
        color: #999;
      }
    }

    .time_left {
      font-size: 0.7rem;
    }
  }

  .list_item_footer {
    background-color: #f9f9f9;
    padding: 0.4rem;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;

    p {
      list-style-type: disc;
      font-size: 0.4rem;
      color: #999;
      margin-left: 0.4rem;
    }
  }
}

.problem {
  padding: 0 0.5rem;

  h3 {
    line-height: 2rem;
    font-size: 0.6rem;
    font-weight: 400;
  }

  p {
    font-size: 0.55rem;
    color: #666;
    line-height: 1rem;
  }
}

.content_container {
  padding: 0.3rem;
  background-color: #3190e8;

  .content {
    padding: 0.4rem;
    background-color: #fff;
    border-radius: 0.15rem;

    .content_header {
      display: flex;
      justify-content: space-between;

      .content_title_style {
        color: #666;
      }

      .detailsRight {
        display: flex;
        align-items: center;

        .contetn_description {
          color: #3190e8;
        }

        img {
          width: 0.6rem;
          margin-right: 0.1rem;
        }
      }
    }

    .content_num {
      span {
        color: #333;
      }

      span:first-of-type {
        font-size: 1.6rem;
      }

      span:nth-of-type(2) {
        font-size: 0.6rem;
      }
    }

    .promit_button {
      width: 100%;
      height: 2rem;
      font-size: 0.7rem;
      color: #fff;
      border-radius: 0.15rem;
      line-height: 2rem;
      margin-top: 1rem;
      text-align: center;
      background-color: #ccc;
    }
  }
}

.deal_detail {
  font-size: 0.55rem;
  color: #999;
  line-height: 2rem;
  padding-left: 0.5rem;
}

.no_log {
  text-align: center;
  margin-top: 1rem;

  img {
    width: 8rem;
    height: 5rem;
  }

  p {
    margin-top: 0.5rem;
    font-size: 0.65rem;
    color: #666;
  }
}

.buy_for {
  font-size: 0.6rem;
  color: #666;
  line-height: 2rem;
  padding-left: 0.7rem;

  span {
    font-weight: 700;
    color: #333;
  }
}

.determine {
  background-color: #4cd964;
  font-size: 0.65rem;
  color: #fff;
  text-align: center;
  margin: 0 0.7rem;
  margin-top: 0px;
  line-height: 1.8rem;
  border-radius: 0.2rem;
  margin-top: 0.5rem;
  font-weight: 700;
}

.city_title {
  color: #666;
  text-indent: 0.45rem;
  border-top: 2px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  font: 0.5rem/1.45rem Helvetica Neue;

  span {
    color: #999;
  }
}

.citylistul {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;

  li {
    text-align: center;
    color: #3190e8;
    border-bottom: 0.025rem solid #e4e4e4;
    border-right: 0.025rem solid #e4e4e4;
    width: 25%;
    height: 1.6rem;
    font: 0.55rem/1.45rem Helvetica Neue;
  }
}

.letter_classify_li {
  margin-bottom: 0.4rem;
  background-color: #fff;
  border-bottom: 1px solid #e4e4e4;
}

.groupcity_name_container>li {
  color: #666;
}

.getpois_ul {
  margin-top: 2.3rem;
  background-color: #fff;
  border-top: 1px solid #e4e4e4;

  li {
    margin: 0 auto;
    padding-top: 0.65rem;
    border-bottom: 1px solid #e4e4e4;

    .pois_name {
      margin: 0 auto 0.35rem;
      width: 90%;
      font-size: 0.6rem;
      color: #333;
    }

    .pois_address {
      width: 90%;
      margin: 0 auto 0.55rem;
      color: #999;
    }
  }
}

.point {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;

  p {
    width: 100%;
    text-align: center;
    font-size: 0.65rem;
    color: #969696;
    margin-bottom: 0.4rem;
  }
}

.letter_classify_li:last-child {
  margin: 0;
}



// .ScoreFRight {

// }